<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>专项工程--${fns:getConfig('productName')}</title>
<link href="${ctx}/styles/tag/jq22.css" type="text/css" rel="stylesheet" />
<link href="${ctx}/static/bootstrap/2.3.1/css/docs.css" type="text/css" rel="stylesheet" />
<link rel="stylesheet" href="${ctx}/styles/gsjcss/common.css">
<script type="text/javascript" src="${ctxStatic}/js/zxgc/specialProject.js"></script>
<style>
.control-group{
	float:left;
}
select{
	width:220px;
}
 html, body { height: 100%; }
 .fileTable{
	 width:85%;
	 text-align:center;
	 margin-top:5px;
	 margin:auto;
 }
 .fileTable td, .fileTable th{
 	padding:10px;
 	coloe:black;
 }
 .tabbox{
 	width:90%;
 	margin:auto;
 }
 .tabbox th,.tabbox td,#dataStatic td{
 	padding:5px;
 }
 .tabbox .content{
 	height:300px;
 }
</style>
<script>
window.onload=function(){
	var url = appConfig.contPath + "/specialProject/org.do?projectId="+$('#projectId').val();
	 $.ajax({    
         type:'post',        
         url:url,    
         cache:false,    
         dataType:'json',    
         success:function(data){   
        	updateFiles(data);
        	 tabBox();
         }    
     });    
}

function updateFiles(data){
	
	var roleType = $('#roleType').val();
	 loadFiles(data, false);
	 if(roleType =="2" || roleType == "3"){
		 loadStaticData(data);
	 }
}
</script>
</head>
<body >
<input name="projectId" id="projectId" value="${specialProject.id}" type='hidden'/>
<input name="roleType" id="roleType" value="${roleType}" type='hidden'/>
<ul class="nav nav-tabs" style="margin: 0 4px; margin-bottom: 4px;">
		<li >
			<a href="${ctx}/specialProject/listInfo.do?left=${fns:encodeParamUrl(left)}&top=${fns:encodeParamUrl(top)}&parentId=${fns:encodeParamUrl(parentId)}&LId=${fns:encodeParamUrl(LId)}">
				<i class="icon icon-list"></i>&nbsp;<span>专项工程列表</span>
			</a>
		</li>
		<sec:authorize ifAnyGranted="ROLE_sys_user_edit"></sec:authorize>
		<li class="active">
			<a href="${ctx}/specialProject/view.do?left=${fns:encodeParamUrl(left)}&top=${fns:encodeParamUrl(top)}&parentId=${fns:encodeParamUrl(parentId)}&LId=${fns:encodeParamUrl(LId)}&id="+${id}>
				<i class="icon icon-edit"></i>&nbsp;<span>专项工程详情</span>
			</a>
	 	</li>
	</ul>
    			<legend>基本信息</legend>
    			<table style="width:90%;margin:auto;text-align:center" border="0">
					<tbody>
						<tr style="height:30px;">
							<td style="width:10%">项目名称：</td>
							<td style="width:20%;text-align:left;">${specialProject.projectName}</td>
							<td style="width:10%">截止时间：</td>
							<td style="width:20%;text-align:left;">${specialProject.endTime}</td>
							<td style="width:10%">提前预警时间：</td>
							<td style="width:10%;text-align:left;">${specialProject.advanceTime} &nbsp; 小时</td>
							<td style="width:10%"></td>
							<td style="width:10%;text-align:left;"></td>
						</tr>
						<tr style="height:30px;">
							<td style="width:10%">专项数据：</td>
							<td colspan="7" style="text-align:left">
								<div class="plus-tag tagbtn clearfix" id="myTags" style="margin-top:20px;">
									<c:forEach items="${specialProject.tabList}" var="tab">
											<a value="-1" title="${tab}" href="javascript:void(0);"><span>${tab}</span></a>
										</c:forEach>		
								</div>
							</td>
						</tr>
						<tr style="height:30px;">
							<td style="width:10%">项目描述：</td>
							<td colspan="7" style="text-align:left">
<%-- 								<textarea style="width:90%;padding:5px;" placeholder="" rows='3'>${specialProject.projectDesc}</textarea> --%>
								${specialProject.projectDesc}
							</td>
						</tr>
						<tr style="height:30px;">
							<td style="width:10%">备注：</td>
							<td colspan="7" style="text-align:left">
								${specialProject.remark}
							</td>
						</tr>
					</tbody>
				</table>
		<c:if test="${ roleType == '2' || roleType =='3'}">
			<legend>专项数据统计</legend>
			<div style="width:90%;margin:auto">
				<div style="width:50%;float:left" id="dataStatic"></div>
			</div>
		</c:if>
			<legend>相关附件</legend>
				<div class="tabbox">
					<div class="tab" id="orgTab"></div>
					<div class="content" id="fileContent">
						<ul>
			
						</ul>
					</div>
				</div>

	<script type="text/javascript" src="${ctx}/js/jqTag.js"></script>
</body>
</html>
